.change-list{display: -webkit-box;background: #fff;padding:10px;padding-left: 0px;border-bottom: 1px solid #f2f2f2}
.change-list:last-child{border-bottom: none;}
.change-base{-webkit-box-flex:1;display: -webkit-box;font-weight: 300;}
.base-img{width: 3.7rem;height: 3.7rem;margin-right: .5rem;position: relative;}
.base-img span{position: absolute;left: 0px;top: 0px;width: 100%;background:rgba(0,0,0,.5);color: #fff;text-align: center;font-size: .5rem;}
.base-img img{width: 100%;height: 100%;}
.base-info{-webkit-box-flex:1}
.base-name{font-size: .75rem;color: #333;display: -webkit-box}
.base-name .nametext{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-box-flex:1;}
.base-name .num{font-size: .75rem;color: #000000;}
.base-name .num i{font-size: .65rem;}
.base-pri{display: -webkit-box;}
.base-pridis{font-size: .75rem;color: #999999;-webkit-box-flex:1;}
.base-pribtn{background: #cc0000;color: #fff;font-size: .75rem;border-radius: .15rem;height: 1rem;line-height: 1rem;padding: 0px .5rem;}
.base-pribtn i{font-size: .45rem;vertical-align: .1rem;}
.base-sku{font-size: .6rem;color: #666666;height: 1.6rem;line-height: 1.25rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
// .base-sku select{font-size: 12px;color: #666666;font-weight: 300;border: 1px solid #f2f2f2;padding-left: 3px;border-radius: 3px;}
.bp-input{display: -webkit-box;background: #fff;font-size: .9rem;padding:0 4%;height: 2.4rem;line-height: 2.4rem;border-bottom:.05rem solid #f2f2f2;border-top:.05rem solid #f2f2f2;margin-top: .75rem;font-weight: 300}
.bp-input .input{-webkit-box-flex:1;text-align: right;}
.bp-input .input input{border:none;width: 100%;font-size: .75rem;text-align: right;height:2rem;margin-top: .2rem;font-weight: 300}
.bp-input .input select{text-align: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 4%}
.bp-notjion{padding: 0 4%}
.bp-notjion .checkbox{font-size: .75rem;color: #999999;height: 1.75rem;line-height: 1.75rem;font-weight: 300}
.bp-notjion .checkbox input{width: .8rem;height: .8rem;vertical-align: -.05rem;margin-right: .35rem;border:.05rem solid #999}
.bp-notjion .bp-input{margin-top: 0px;border:none;border-radius: .15rem;font-size: .75rem;}
.bp-notjion .bp-input input{font-size: .75rem;}
// .bp-discont{font-weight: 300}
.bp-discont .font{background: #ffa229;color: #fff;font-size: .9rem;height: 1.1rem;width: 1.1rem;padding:0 0.125rem;margin-right: .3rem;}
.bp-discont .input{font-size: .75rem;color: #ff9933;text-align: right;}
.bp-submit{background: #cc0000;color: #fff;font-size: .9rem;text-align: center;width:60%;margin:0 auto;margin-top: 1.5rem;height: 2.25rem;line-height: 2.25rem;border-radius: .15rem;font-weight: 300}
.use-say{font-size: .75rem;background: #fff;margin-top: .5rem;border-top: .05rem solid #f2f2f2;font-weight: 300;padding-bottom: .4rem;border-radius: .2rem;height: 85%;overflow-y: scroll;}
.use-say div{border-bottom: .05rem solid #f2f2f2;height: 2rem;line-height: 2rem;text-align: center;font-size: .9rem}
.use-say ul {padding: 0 4%}
.use-say ul li{font-size: .75rem;padding-left: 4%;padding-right: 4%;margin-top: .25rem;}
.use-say ul li:nth-child(1){padding-top: .2rem}
.use-say ul li:before{content: '';display: inline-block;width: .2rem;height:.2rem;background: #333;border-radius: 50%;margin-right: .4rem;    position: relative;top: -.15rem;}
.say-detial{position: fixed;left: 50%;top: 10%;width: 84%;margin-left: -42%;z-index: 2223;animation:title1 0.3s linear;-webkit-animation:title1 0.3s linear;height: 75%;overflow-y: hidden;}
@keyframes title1{
    from{ opacity:0; transform:scale(0,0);}
    to{ opacity:1; transform:scale(1,1);}   
}
@-webkt-keyframes title1{
 from{ opacity:0; -webkit-transform:scale(0,0)}
 to{opacity:1; -webkit-transform:scale(1,1)}
}
.say-detial .close{color: #fff;font-size: 1.2rem;display: block;margin: 0 auto;text-align: center;padding-top: .5rem;}

.change-list{position: relative;}
.base-img{margin-left: .5rem;width:4rem;height: 4rem;}
.base-img img{border-radius: .15rem;}
.base-pribtn{font-size: .9rem;padding: 0px .9rem;height: 1.4rem;line-height: 1.4rem;position: absolute;right: .5rem;bottom: .5rem;}
.base-pridis{text-decoration: unset;font-size: .55rem;position: absolute;left:5rem;bottom: .4rem;right:4rem;max-height: 2.3rem;overflow-y: hidden;}
.base-pridis .font{background: #ffa229;color: #fff;font-size: .45rem;padding: 0.025rem 0.0625rem;margin-right: 0.2rem;vertical-align: 0.05rem;}
.base-pridis > div{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.base-sku{height: .85rem;line-height: .85rem;}

// 支付成功
.pay-success{padding-top: 2rem;font-weight: 300}
.pay-sta{text-align: center;font-size: .9rem;padding-bottom: 1rem;border-bottom: 0.05rem solid #f2f2f2;}
.pay-sta .icon{padding-bottom: .2rem}
.pay-sta .icon span{font-size:2.95rem;color: #b4272d;}
.pay-info{display: -webkit-box;height: 2.1rem;line-height: 2.1rem;border-bottom:0.05rem solid #f2f2f2;padding-right: 4%}
.pay-info:last-child{border-bottom: none;}
.pay-info .text{-webkit-box-flex:1;text-align: right;}
.pay-btn{display: -webkit-box;text-align: center;font-size: .7rem;padding: 1.5rem 0}
.pay-btn > div{-webkit-box-flex:1;}
.pay-btn > div span{padding: .4rem 1rem;display: inline-block;border-radius: .15rem}
.pay-look{text-align: right;padding-right: 1.5rem}
.pay-index{text-align: left;}
.pay-look span{color: #fff;background: #b4272d;font-size: .75rem}
// .pay-index span{background: #e8e8e8}
.pay-index span{border: .05rem solid #b4272d;color: #b4272d;background: #fff}
.pay-infoli{background: #fff;padding-left:4%;}
.pay-create{font-size: .6rem;color: #adadaf;padding-left: 4%;height: 1.5rem;line-height: 1.5rem;}
// 订单列表
.order-ul{font-weight: 300}
.order-ul li{background: #fff;margin-bottom: .5rem}
.order-li{display: -webkit-box;padding:3% 4%;padding-right: 0px;}
.order-li img{width: 3rem;height: 3rem;border-radius: .3rem;}
.order-info{-webkit-box-flex:1;margin-left: 3%;padding-right: 4%;}
.info-name{display: -webkit-box;margin-top: -.2rem;}
.info-name .name{-webkit-box-flex:1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: .9rem}
.info-des{font-size: .7rem;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 10%;}
.info-name .price{font-size: .9rem;}
.info-name .price em{font-size: .6rem}
.order-time{display: -webkit-box;font-size: .55rem;color: #999999;}
.order-time .text{-webkit-box-flex:1;}
.order-time .status{margin-top: -.20rem}
.order-time .status span{border:0.05rem solid #f2f2f2;height: 20px;line-height: 20px;padding: .1rem .2rem;border-radius: .1rem;font-size: .6rem;}
.order-href{background:#cc0000;color: #fff;font-size: .75rem;position: fixed;bottom: 0px;left: 0px;height: 2.25rem;line-height: 2.25rem;text-align: center;width: 100%;}
.order-num{font-size: .75rem;color: #666;height: 2rem;line-height: 2rem;border-bottom: 1px solid #f2f2f2;padding-left: 4%;}



.bp-input.bp-discont{font-size: .75rem;height: auto;line-height: 1rem;padding-top: .5rem;padding-bottom: .5rem;}
.bp-discont .font{font-size: .65rem}
.bp-link{font-size: .7rem;color: #6da7d2;text-align: center;position: fixed;bottom: .7rem;width: 4rem;left: 50%;margin-left: -2rem;}

.bp-brand .brand{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left: .4rem}

.pos-btn{display: -webkit-box;padding: 0 10%}
.pos-btn > div{-webkit-box-flex:1;text-align: center;color: #fff;font-size: .9rem;text-align: center;margin-top: 1.5rem;height: 2.25rem;line-height: 2.25rem;border-radius: .15rem;font-weight: 300;box-sizing: border-box;}
.pos-submit{color: #cc0000!important;border:1px solid #cc0000;margin-right: 12%;}
.now-submit{background: #cc0000;}

// 添加图片
.postpay{background: #fff;padding-bottom: 4%}
.add-des{color:#C7C7CC;font-size: .7rem;height: 2rem;line-height: 2rem;padding-left: 4%}
.add-list{padding: 0 4%;}
.add-img{background: #f5f5f5;border:1px solid #eae8e8;text-align: center;color: #a9a7a7;font-weight: 300;width: 4rem;height: 4rem;margin-right: 4%;box-sizing: border-box;float: left;margin-bottom: 3%}
.add-img span{font-size: 1.45rem}
.add-img.close{position: relative;}
.add-img.close img{width: 3.9rem;height: 3.9rem}
.add-img.close i{position: absolute;right: -.45rem;top: -.45rem;color: #cc0000;font-size: .9rem}
.bp-remark {background: #fff;margin-top: .5rem;border-top:.05rem solid #f2f2f2;border-bottom:.05rem solid #f2f2f2}
.bp-remark textarea{padding: 10px 15px;font-size: .7rem;width: 100%;box-sizing: border-box;min-height: 3.5rem;border: 0px;font-weight: 300;}

// 香港疫苗
.bwt{background: #fff}
.hk-thetitle{font-size: 1.2rem;height: 2.5rem;line-height: 2.5rem;padding-left: 4%}
.hk-type{font-size: 0.75rem;color: #9B9B9B;padding: 0 4%;padding-bottom: 4%;border-bottom: 0.05rem solid #f2f2f2}
.hk-type li{display: inline-block;font-size: 0.75rem;color: #9B9B9B;border-radius: 1rem;border:.05rem solid #EBE9E9;height: 1.7rem;line-height: 1.7rem;padding: 0 3%;margin-bottom: .25rem;box-sizing: border-box;margin-right:2%; }
.hk-type > div{height: 1.5rem;line-height: 1.5rem}
.hk-type li.active{border-color:#ED7382;background:#ED7382;color: #fff;}
.hk-catename{font-size: 0.75rem;color: #4A4A4A;}
.hk-list{display: -webkit-box;font-size: 0.75rem;color: #999999;padding: 0 4%;height: 2.0rem;line-height: 2rem;border-bottom: 0.05rem solid #f2f2f2;}
.hk-input{-webkit-box-flex:1;text-align: right;}
.hk-list input{text-align: right;font-size: 0.9rem;margin-right: 2%;display: inline-block;height:2rem}
.hk-info .hk-list{margin-left: 4%;padding-left: 0}
.hk-info{margin-top: .5rem;border-bottom: 0.05rem solid #f2f2f2;border-top: 0.05rem solid #f2f2f2}
.hk-info .hk-list:last-child{border-bottom: 0}
.hk-info input{font-size: 0.75rem;margin-right: 0;}
.hk-list input::-webkit-input-placeholder,.hk-type.textarea textarea::-webkit-input-placeholder{color:#D0CECE;;}
.hk-list input[type="date"]{height: 1.9rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;color: #424242;background: #fff}
.hk-type.textarea{margin-top: .5rem;border-top: 0.05rem solid #f2f2f2;padding-bottom:2%;}
.hk-type.textarea textarea{font-size: 0.75rem;width: 100%;height: 3rem;}
.hk-rule{font-size: .6rem;color: #cc0000;padding: 0 4%;padding-top: 2%;opacity: .8}
.hkbp-link{font-size: .7rem;color: #6da7d2;text-align: center;margin: 5% 0;}
// 订单详情
.or-base{display: -webkit-box;padding: 2% 4%}
.or-base .info{-webkit-box-flex:1;padding: 0 4%}
.or-base .name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 0.25rem}
.or-base .sku span{font-size: 0.75rem;color: #9B9B9B;border: .05rem solid #EBE9E9;border-radius: 1rem;height: 1.5rem;line-height: 1.5rem;display: inline-block;padding: 0 4%;margin-bottom: 2%;margin-right: 2%}
.or-base img{width: 4.5rem;height: 4.5rem;}
.or-base .pri{font-size: 0.75rem;color: #9B9B9B;}
.or-base .pri span{color: #4A4A4A;;}
.or-user{font-size: 0.75rem;padding: 4% 0;margin-top: 0.5rem}
.or-user .tit{color: #4A4A4A;margin-bottom: 2%}
.or-user span{color: #9B9B9B;}
.or-user > div{margin-bottom:1.5%;padding:0 4%;}
.or-user .remark{min-height: 3.5rem}
.or-user > div:nth-last-child(2){border-bottom: 0.05rem solid #f2f2f2;padding-bottom: 1.5%;}
.or-time{font-size: 0.6rem;color: #979797;padding: 0 4%;padding-top: 1%}




